.naturebox {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.nature-top {
	width: 1170px;
	height: 571px;
	padding-bottom: 215px;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
}

.naturebg {
	background: #9f9f9f;
	padding-top: 220px;
}

.nature100 {
	width: 100%;
	height: auto;
	float: left;
}

.nature .imgleft a {
	color: transparent;
}

.nature {
	width: 1170px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

.nature-a {
	height: 588px;
}

.nature-b {
	height: 695px;
}

.nature-c {
	height: 814px;
}

.nature-d {
	height: 563px;
}

.nature-e {
	height: 780px;
}

.imglefta,
.imgleftd {
	width: 611px;
	height: 482px;
	left: 0px;
}

.imgleftb,
.imgleftc {
	width: 597px;
	height: 588px;
	left: 550px;
}

.imgleft {
	position: absolute;
}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.imglefta:hover .fadeInLeft,
.imgleftc:hover .fadeInLeft,
.imgleftf:hover .fadeInLeft,
.imglefth:hover .fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.1);
	}
	100% {
		-moz-transform: scale(1);
	}
}

@-ms-keyframes pulse {
	0% {
		-ms-transform: scale(1);
	}
	50% {
		-ms-transform: scale(1.1);
	}
	100% {
		-ms-transform: scale(1);
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.imgleftb:hover .pulse,
.imgleftd:hover .pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}

.imgleftf {
	width: 1040px;
	height: 483px;
	left: 65px;
	top: 350px;
	z-index: 99;
}

.imglefte {
	width: 443px;
	height: 814px;
	right: 100px;
	top: 0px;
	z-index: 999;
}

.imgleftg {
	width: 436px;
	height: 221px;
	left: 130px;
}

.imglefth {
	width: 605px;
	height: 463px;
	right: 0px;
}

.paddingtop {
	padding-top: 50px;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
	}
	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
	}
}

@-moz-keyframes tada {
	0% {
		-moz-transform: scale(1);
	}
	10%,
	20% {
		-moz-transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-moz-transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-moz-transform: scale(1.1) rotate(-3deg);
	}
	100% {
		-moz-transform: scale(1) rotate(0);
	}
}

@-o-keyframes tada {
	0% {
		-o-transform: scale(1);
	}
	10%,
	20% {
		-o-transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-o-transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-o-transform: scale(1.1) rotate(-3deg);
	}
	100% {
		-o-transform: scale(1) rotate(0);
	}
}

@keyframes tada {
	0% {
		transform: scale(1);
	}
	10%,
	20% {
		transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg);
	}
	100% {
		transform: scale(1) rotate(0);
	}
}

.imglefte:hover .tada,
.imgleftg:hover .tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.photoimg100 {
	width: 100%;
	text-align: center;
}

#photoimg-a img:hover.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}